<!DOCTYPE html>
<html lang="zxx" xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8" />
    <title>社团</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="Uhost is Creative Website Template" name="description" />
    <meta content="" name="keywords" />
    <meta content="" name="author" />

    <!--[if lt IE 9]>
      <script src="/user/js/html5shiv.js"></script>
    <![endif]-->

    <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css" />
    <link href="/user/css/bootstrap-grid.min.css" rel="stylesheet" type="text/css" />
    <link href="/user/css/bootstrap-reboot.min.css" rel="stylesheet" type="text/css" />
    <link href="/user/css/animate.css" rel="stylesheet" type="text/css" />
    <link href="/user/css/owl.carousel.css" rel="stylesheet" type="text/css" />
    <link href="/user/css/owl.theme.css" rel="stylesheet" type="text/css" />
    <link href="/user/css/owl.transitions.css" rel="stylesheet" type="text/css" />
    <link href="/user/css/magnific-popup.css" rel="stylesheet" type="text/css" />
    <link href="/user/css/jquery.countdown.css" rel="stylesheet" type="text/css" />
    <link href="/user/css/style.css" rel="stylesheet" type="text/css" />

    <!-- color scheme -->
    <link id="colors" href="/user/css/colors/scheme-01.css" rel="stylesheet" type="text/css" />
    <link href="/user/css/coloring.css" rel="stylesheet" type="text/css" />

    <!-- RS5.0 Stylesheet -->
    <link href="revolution/css/settings.css" rel="stylesheet" type="text/css" />
    <link href="revolution/css/layers.css" rel="stylesheet" type="text/css" />
    <link href="revolution/css/navigation.css" rel="stylesheet" type="text/css" />
    <link href="/user/css/rev-settings.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div id="wrapper">
        <!-- header begin -->
        <header class="header-s1">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="header-row">
                            <div class="header-col left">
                                <!-- logo begin -->
                                <div id="logo">
                                    <!-- <a href="index.html"><img alt="" class="logo" src="/user/images/logo-light.png"> <img alt="" class="logo-2" src="images/logo-dark.png"></a> -->
                                    <a href="/"><img width="180px" alt="" class="logo"
                                            src="/user/images/logo-light.png" />
                                        <img alt="" width="120px" style="margin-left: -50px;" class="logo-2"
                                            src="/user/images/logo-dark.png" /></a>
                                    <!-- <a href="index.html"><span class="logo" style="color:aliceblue; font-size: large;">java兴趣社</span><span class="logo-2" style="color:black; font-size:medium;">java兴趣社</span></a> -->
                                </div>
                                <!-- logo close -->
                            </div>
                            <div class="header-col mid">
                                <!-- mainmenu begin -->
                                <ul id="mainmenu">
                                    <li>
                                        <a href="/">首页</a>
                                        <ul>
                                            <li><a href="/#section-news">社团活动</a></li>
                                            <li><a href="/#condition">最新动态</a></li>
                                            <li><a href="/#section-features">社团部门</a></li>
                                            <li>
                                                <a href="#">最新活动<span>New</span></a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="/match"> 比赛 <span>New</span></a>
                                        <ul>
                                            <li>
                                                <a href="/match/#">最新比赛<span>NEW</span></a>
                                            </li>
                                            <li><a href="/match">往届精彩</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="/asssociations">社团</a></li>
                                    <li><a href="/#footer">关于我们</a></li>
                                    <li>
                                        <a href="#">敬请期待</a>
                                        <ul>
                                            <li><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <div class="col-right">
                                    <a class="btn-custom" href="/login"><i class="fa fa-lock"></i> 登录</a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <!-- small button begin -->
                        <span id="menu-btn"></span>
                        <!-- small button close -->
                    </div>
                </div>
            </div>
        </header>
        <!-- header close -->
        <!-- content begin -->
        <div class="no-bottom no-top" id="content">
            <div id="top"></div>
            <!-- revolution slider begin -->
            <!-- section begin -->
            <section class="relative no-top no-bottom text-light" data-bgimage="url(/user/images/background/10.png)"
                data-stellar-background-ratio=".2">
                <div class="overlay-bg t80">
                    <div class="center-y">
                        <div class="container">
                            <div class="row">
                                <div class="col text-center">
                                    <div class="spacer-single"></div>
                                    <h1 class="no-bottom">联系我们</h1>
                                    <!-- <p class="lead"></p> -->
                                </div>
                            </div>

                            <div class="row">
                                <form name="contactForm" id="contact_form" class="form-s1" method="post"
                                    action="email.php" style="width:100%">

                                    <div class="field-set">
                                        <textarea name="message" id="message" class="form-control"
                                            placeholder="Your Message"></textarea>
                                    </div>


                                    <div id="submit" style="text-align: right;">
                                        <input type="submit" id="send_message" value="留言"
                                            class="btn btn-custom btn-small" />
                                    </div>

                                </form>
                            </div>

                        </div>
                    </div>
                </div>
            </section>
            <!-- section close -->
        </div>
        <!-- content close -->

        <!-- footer begin -->
        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <div class="row">
                            <div class="col-md-4 col-xs-4">
                                <div class="widget">
                                    <h5>Contact</h5>
                                    <div class="tiny-border"></div>
                                    <!-- <ul>
                                            <li><a href="#">地址： </a></li>
                                            <li><a href="#"></a></li>
                                            <li><a href="#">Cloud Hosting</a></li>
                                            <li><a href="#">WordPress Hosting</a></li>
                                            <li><a href="#">Email Hosting</a></li>
                                            <li><a href="#">CMS Hosting</a></li>
                                            <li><a href="#">Ecommerce Hosting</a></li>
                                            <li><a href="#">Website Builder</a></li>
                                        </ul> -->
                                    <ul>
                                        <li>
                                            地址 ：
                                            <a target="_blank"
                                                href="https://j.map.baidu.com/b1/mKe">山东省青岛市崂山区青岛大学浮山校区西院快递服务大厅北
                                                10m</a>
                                        </li>
                                        <li>社长电话 ： 17864202301 （丁宇轩）</li>
                                        <!-- <li><a href=""></a></li> -->
                                        <li>邮箱 ： 1142584965@qq.com</li>
                                    </ul>
                                </div>
                            </div>

                            <div class="col-md-4 col-xs-4">
                                <div class="widget">
                                    <h5>Instructor</h5>
                                    <div class="tiny-border"></div>
                                    <ul>
                                        数据科学与软件工程学院
                                        <br />
                                        特聘教师：
                                        <li>
                                            <p href="#" style="color: gainsboro; padding: 0; margin: 0;"
                                                class="btn btn-sm wls">
                                                王老师(点击扫码加微信)
                                            </p>
                                        </li>
                                        <li>
                                            <p href="#" style="color: gainsboro; padding: 0; margin: 0;"
                                                class="btn btn-sm lls">
                                                刘老师(点击扫码加微信)
                                            </p>
                                        </li>
                                        <li>
                                            <p href="#" style="color: gainsboro; padding: 0; margin: 0;"
                                                class="btn btn-sm gls">
                                                高老师(点击扫码加微信)
                                            </p>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="col-md-4 col-xs-4">
                                <div class="widget">
                                    <h5>Family</h5>
                                    <div class="tiny-border"></div>
                                    <ul>
                                        <li><a href="#">社团21迎新群</a></li>
                                        <li><a href="#">寒暑假听课群</a></li>
                                        <li><a href="#">21比赛QQ群</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="widget">
                            <a href="index.html">
                                <img alt="" class="logo" src="/user/images/logo-light.png"
                                    style="margin-left: -122px;" />
                            </a>
                            <div class="spacer-20"></div>
                            <p>
                                我们用执着的灯光点亮，每一个沉静的夜。 <br />
                                青岛大学
                                <span style="border: black solid; color: #ffc616;">最</span>
                                <span style="border: black solid; color: #ffc616;">最</span>
                                <span style="border: black solid; color: #ffc616;">最</span>
                                专业的技术性社团 <br />
                                青岛大学 JAVA兴趣社团
                                为同学们更好的学习JAVA语言而成立的专业性社团。<br />
                                青岛大学java兴趣社团成立于2013年， <br />
                                由资深java软件开发工程师和、 java讲师带队，<br />
                                为同学们提供专业的编程环境。
                            </p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6 sm-text-center mb-sm-30">
                        <div class="mt10">
                            &copy; Copyright 2020 - Uhost by Designesia
                        </div>
                    </div>

                    <div class="col-md-6 text-md-right text-sm-left">
                        <div class="social-icons">
                            <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                            <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                            <a href="#"><i class="fa fa-linkedin fa-lg"></i></a>
                            <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                            <a href="#"><i class="fa fa-rss fa-lg"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- display: none; -->
            <div class="ewm_box" style="display: none;">
                <!-- <img src="/user/images/contact/1.jpg" width="100%" height="100%" alt="">   -->
            </div>
        </footer>
        <!-- footer close -->

        <div id="preloader">
            <div class="spinner">
                <div class="bounce1"></div>
                <div class="bounce2"></div>
                <div class="bounce3"></div>
            </div>
        </div>
    </div>

    <div id="selector">
        <span class="opt tc1" data-color="scheme-01"></span>
        <span class="opt tc2" data-color="scheme-02"></span>
        <span class="opt tc3" data-color="scheme-03"></span>
        <span class="opt tc4" data-color="scheme-04"></span>
    </div>

    <!-- Javascript Files
    ================================================== -->
    <script src="/user/js/jquery.min.js"></script>
    <script src="/user/js/bootstrap.min.js"></script>
    <script src="/user/js/wow.min.js"></script>
    <script src="/user/js/jquery.isotope.min.js"></script>
    <script src="/user/js/easing.js"></script>
    <script src="/user/js/owl.carousel.js"></script>
    <script src="/user/js/validation.js"></script>
    <script src="/user/js/jquery.magnific-popup.min.js"></script>
    <script src="/user/js/enquire.min.js"></script>
    <script src="/user/js/jquery.stellar.min.js"></script>
    <script src="/user/js/jquery.plugin.js"></script>
    <script src="/user/js/typed.js"></script>
    <script src="/user/js/app.js"></script>
    <script src="/user/js/jquery.countTo.js"></script>
    <script src="/user/js/jquery.countdown.js"></script>
    <script src="/user/js/designesia.js"></script>

    <!-- 弹窗 插件  start-->
    <script src="/user/js/layer/layer.js"></script>
    <script src="/user/js/bont_it.js"></script>
    <!-- 弹窗 插件  end-->
</body>

</html>